<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的入学登记表设计</title>
    <link rel="stylesheet" href="./css.css">
</head>

<body >
    <header>
        <br>

        <span>入学登记</span>
    </header >
    <main  >


        <form action="#" id="a">
            <fieldset  >
                <legend>新生登记表</legend>
                <label for="username">姓名：</label>
                <input type="text" name="username" placeholder="请输入用户名">
                <label for="userPhone">电话：</label>
                <input type="tel" name="userPhone" pattern="^1\d{10}" placeholder="请输入你的电话号码">
                <label for="school">毕业学校：</label>
                <input type="text" list="hschool" placeholder="请选择" >
                <datalist id="hschool">
                    <option value="同安一中" label="同安区"></option>
                    <option value="同安二中" label="同安区"></option>
                    <option value="同安三中" label="同安区"></option>
                    <option value="国旗中学" label="同安区"></option>
                    <option value="洪塘中学" label="同安区"></option>
                </datalist>
                <label for="emiles">邮箱：</label>
                <input type="email" placeholder="请输入自己的邮箱" name="emiles">
                <label for="tuanyuan">团员证：</label> 
                <div class="inputCh" id="tuanyuan" >
                <input type="checkbox" name="tuanyuan" value="y" id="tuanyuan">是
                <input type="checkbox" name="tuanyuan" value="n" id="tuanyuan">否 
                <input type="checkbox" name="tuanyuan" value="y" id="tuanyuan">没带
            </div>
            <label for="core">入学成绩：</label>                    
            <input type="number" max="750" min="0" placeholder="请输入你的高考成绩" id="core">
            <label for="">基础水平：</label>
            <meter id="level" max="750" min="0" high="600" low="300"></meter>
            <label for="goDate">入学日期：</label>
            <input type="date" name="goDate" id="goDate">
            <label for="leaveTime">毕业日期</label>
            <input type="date" id="leaveTime" name="leaveTime">
            <input type="submit" value="提交" class="suBtn"> 
            <input type="reset" value="重置" class="reBtn">   
        
        </fieldset>
        </form>
        <script>
            document.getElementById("core").oninput=function(){
                document.getElementById("level").value=this.value
            }
        </script>
    </main>
</body>

</html>